<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_735373_amaay1c14l8.css">
</head>

<body>
    <div class="header">
        <div class="header_title center">
            <div class="title_left">
                <a href="#">小米网</a>
                <span>|</span>
                <a href="#">MIUI</a>
                <span>|</span>
                <a href="#">米聊</a>
                <span>|</span>
                <a href="#">游戏</a>
                <span>|</span>
                <a href="#">多看阅读</a>
                <span>|</span>
                <a href="#">云服务</a>
                <span>|</span>
                <a href="#">小米网移动版</a>
                <span>|</span>
                <a href="#">Select region</a>
                <span>|</span>
                <a href="#">米粉节答疑</a>
            </div>
            <div class="title_right">
                <a href="#">注册</a>
                <span>|</span>
                <a href="#">登陆</a>
            </div>
        </div>
    </div>
    <div class="body">
        <div class="body_header center">
            <div class="header_left">
                <a href="">
                    <img src="images/logo.png" alt="">
                </a>
            </div>
            <div class="header_right">
                <div class="right">
                    <div class="right1">
                        <i class="iconfont icon-naozhong nz"></i>
                        <span>4月14日开放购买</span>
                    </div>
                    <div class="right2">
                        <i class="iconfont icon-gouwuchekong"></i>
                        <a href="#">购物车</a>
                    </div>
                    <div class="right3">
                        <input type="text" class="text" placeholder="搜索你需要的商品">
                        <input type="submit" class="iconfont btn" value="&#xe69d;">
                    </div>
                    <div class="right4">
                        <a href="#">小米手环</a>
                        <a href="#">耳机音箱</a>
                        <a href="#">保护壳</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="body_nav center">
            <ul>
                <li class="li_first">
                    <a href="#">全部商品分类</a>
                </li>
                <li>
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">小米手机</a>
                </li>
                <li>
                    <a href="#">红米</a>
                </li>
                <li>
                    <a href="#">小米平板</a>
                </li>
                <li>
                    <a href="#">小米电视</a>
                </li>
                <li>
                    <a href="#">盒子</a>
                </li>
                <li>
                    <a href="#">路由器</a>
                </li>
                <li>
                    <a href="#">合约机</a>
                </li>
                <li>
                    <a href="#">服务</a>
                </li>
                <li>
                    <a href="#">社区</a>
                </li>
            </ul>
        </div>
        <div class="body_container center">
            <div class="body_menu">
                <ul>
                    <li>
                        <div class="smenu">
                            <a href="#">购买手机</a>
                        </div>
                        <div>
                            <a href="#">小米note</a>
                            <a href="#">小米4</a>
                            <a href="#">红米</a>
                            <a href="#">红米note</a>
                        </div>
                    </li>
                    <li>
                        <div class="smenu">
                            <a href="#">购买电视与平板</a>
                        </div>
                        <div>
                            <a href="#">小米电视</a>
                            <a href="#">小米盒子</a>
                            <a href="#">小米平板</a>
                        </div>
                    </li>
                    <li>
                        <div class="smenu">
                            <a href="#">路由器与智能硬件</a>
                        </div>
                        <div>
                            <a href="#">路由器</a>
                            <a href="#">体重秤</a>
                            <a href="#">净化器与滤芯</a>
                        </div>
                    </li>
                    <li>
                        <div class="smenu">
                            <a href="#">插线板、移动电源与电池</a>
                        </div>
                        <div>
                            <a href="#">小米移动电源</a>
                            <a href="#">电池</a>
                            <a href="#">充电器</a>
                        </div>
                    </li>
                    <li>
                        <div class="smenu">
                            <a href="#">耳机音箱与储存卡</a>
                        </div>
                        <div>
                            <a href="#">小米头戴式耳机</a>
                            <a href="#">小米活塞耳机</a>
                        </div>
                    </li>
                    <li>
                        <div class="smenu">
                            <a href="#">保护套与贴膜</a>
                        </div>
                        <div>
                            <a href="#">保护套/保护壳</a>
                            <a href="#">贴膜</a>
                            <a href="#">防尘塞</a>
                        </div>
                    </li>
                    <li>
                        <div class="smenu">
                            <a href="#">后盖与个性化配件</a>
                        </div>
                        <div>
                            <a href="#">米键</a>
                            <a href="#">后盖</a>
                            <a href="#">贴纸</a>
                            <a href="#">手机支架</a>
                        </div>
                    </li>
                    <li>
                        <div class="smenu">
                            <a href="#">小米生活方式</a>
                        </div>
                        <div>
                            <a href="#">服装</a>
                            <a href="#">米兔</a>
                            <a href="#">背包</a>
                            <a href="#">生活周边</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="body_img">
                <div class="b_img">
                    <div>
                        <span>1</span>
                        <span>2</span>
                        <span>3</span>
                        <span>4</span>
                        <span>5</span>
                    </div>
                </div>
                <div class="body_phone1">
                    <img src="images/01.png" alt="">
                </div>
                <div class="body_phone2">
                    <img src="images/02.png" alt="">
                </div>
                <div class="body_phone3">
                    <img src="images/03.png" alt="">
                </div>
            </div>

        </div>
        <div class="body_star center">
            <div class="star_left">
                <span>小米明星单品</span>
                <span>根据机型选配件</span>
            </div>
            <div class="star_right">
                <a href="#">&lt;</a>
                <a href="#">&gt;</a>
            </div>
        </div>
        <div class="body_star_shop center">
            <div>
                <img src="images/chazhuo.jpg" alt="">
                <div>
                    <p class="shop_dec">小米智能插座</p>
                    <p>让普通家电变得智能</p>
                </div>
            </div>
            <div>
                <img src="images/kongtiao.jpg" alt="">
                <p class="shop_dec">小米空气净化器</p>
                <p>高性能智能空气净化器立即预约</p>
            </div>
            <div>
                <img src="images/baiseerji.jpg" alt="">
                <p class="shop_dec">小米活塞耳机简装版</p>
                <p>好声音源自活塞式音腔，延续经典设计</p>
            </div>
            <div>
                <img src="images/aa.jpg" alt="">
                <p class="shop_dec">小米路由器</p>
                <p>顶级双屏幕AC智能路由器，内置1TB大硬盘</p>
            </div>
        </div>
        <div class="new_header center">
            <p class="new_left">新品上架</p>
            <p class="new_right">
                <a href="#">更多&gt;</a>
            </p>
        </div>
        <div class="body_new center">
            <div class="new_shop_right">
                <div class="new_sale">
                    <p class="sale_title">特价商品</p>
                    <div class="sale_card">
                        <p>SanDisk32GB存储卡</p>
                        <p>
                            <span>79元</span>
                            <strike>109元</strike>
                        </p>
                        <p>还有更多特价商品</p>
                    </div>
                    <div class="img_card">
                        <img src="images/neicunka.jpg" alt="">
                    </div>
                </div>
                <div class="new_sale">
                    <div class="sale_combo">
                        <p>特惠配件套餐</p>
                        <p>手机必备配件组合购买</p>
                        <p>实惠更优惠</p>
                    </div>
                    <img class="img_combo" src="images/wawa.jpg" alt="">
                </div>
                <div class="new_sale">
                    <div class="sale_mcar">
                        <p>我爱酷玩</p>
                        <p>邂逅炫酷的电子产品</p>
                        <p>结交趣味相投的朋友</p>
                    </div>
                    <div class="img_mcar">
                        <img src="images/qiche.jpg" alt="">
                    </div>
                </div>
                <div class="shortcut center">
                    <ul>
                        <li>
                            <a href="#">企业用户采购通道
                                <span>&gt;</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">小米手机防伪查询
                                <span>&gt;</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">小米手机官翻版
                                <span>&gt;</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">小米路由器官翻版
                                <span>&gt;</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">米粉红包
                                <span>&gt;</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="cast center">
                    <p>话费充值</p>
                    <input type="text" placeholder="请输入手机号">
                    <select>
                        <option>100元</option>
                        <option>200元</option>
                        <option>300元</option>
                        <option>500元</option>
                    </select>
                    <p>实付价格98.4起</p>
                    <input type="submit" value="立即充值">
                </div>
            </div>
            <div class="new_shop_left">
                <div class="speaker">
                </div>
                <div class="bracelet">
                    <div>
                        <p>小米手环</p>
                        <p>79元</p>
                    </div>
                    <img src="images/shouhuan.jpg" alt="">
                </div>
                <div class="keychains">
                    <div>
                        <p>5周年米兔钥匙扣</p>
                        <p>9.9元</p>
                        <img src="images/yaoshi.png" alt="">
                    </div>
                    <div>
                        <p>QCY派Q8蓝牙耳机</p>
                        <p>59.9元</p>
                        <img src="images/lanyaerji.png" alt="">
                    </div>
                </div>
                <div class="tshirt">
                    <div>
                        <p>小米T恤路标MILOGO</p>
                        <p>39元</p>
                        <img src="images/Txue.jpg" alt="">
                    </div>
                </div>
                <div class="cover">
                    <div>
                        <p>小米4实木后盖</p>
                        <p>69元</p>
                        <img src="images/hougai.jpg" alt="">
                    </div>
                </div>
                <div class="cover1">
                    <div>
                        <p>小米Note超薄保护壳</p>
                        <p>49元</p>
                        <img src="images/baohuke.png" alt="">
                    </div>
                </div>
                <div class="stick">
                    <div>
                        <p>小米自拍杆</p>
                        <p>49元</p>
                        <img src="images/zipaigan.jpg" alt="">
                    </div>
                </div>
                <div class="standad">
                    <div>
                        <p>先锋CL31系列耳式耳机</p>
                        <p>99元</p>
                        <img src="images/huosaierji .jpg" alt="">
                    </div>
                </div>
            </div>

        </div>
        <div class="like_header center">
            <p>大家都喜欢</p>
        </div>
        <div class="body_like center">
            <div class="like_right">
                <div class="right_header">
                    <p> <span>HOT</span>热销商品排行</p>
                </div>
                <div>
                    <h1>1</h1>
                    <div class="like_right_container">
                        <p>小钢炮蓝牙音箱</p>
                        <p>169元</p>
                    </div>
                    <img src="images/yingxiang-.png" alt="">
                </div>
                <div>
                    <h1>2</h1>
                    <div class="like_right_container">
                        <p>小米LED随身灯</p>
                        <p>19.9元</p>
                    </div>
                    <img src="images/mideng.png" alt="">
                </div>
                <div>
                    <h1>3</h1>
                    <div class="like_right_container">
                        <p>小蜜蜂手机支架</p>
                        <p>19元</p>
                    </div>
                    <img src="images/mifeng-.png" alt="">
                </div>
                <div>
                    <h1>4</h1>
                    <div class="like_right_container">
                        <p>米键</p>
                        <p>4.9元</p>
                    </div>
                    <img src="images/mijian.png" alt="">
                </div>
                <div>
                    <h1>5</h1>
                    <div class="like_right_container">
                        <p>二合一镜头</p>
                        <p>59元</p>
                    </div>
                    <img src="images/jingtou.png" alt="">
                </div>
            </div>
            <div class="like_left">
                <div class="tonometer">
                    <!-- <img src="" alt=""> -->
                </div>
                <div class="mpower">
                    <div class="like_left_container">
                    <p>小米移动电源5000mAh</p> 
                    <p>49元</p> 
                    </div>
                    <img src="images/chongdianbao.jpg" alt="">
                </div>
                <div class="blue_mpower">
                    <div class="like_left_container">
                        <p>小米随身WIFI 8GB U盘版蓝色</p> 
                        <p>49.9元</p>
                     </div>
                    <img src="images/chongdianbao2.jpg" alt="">
                </div>
                <div class="headset">
                <div class="like_left_container">
                    <p>先锋SE-MJ512折叠头戴耳机</p> 
                    <p>168元</p>
                 </div>
                    <img src="images/toudaierji.jpg" alt="">
                </div>
                <div class="hougai1">
                    <div class="like_left_container">
                        <p>红米Note卡通主题背贴</p>
                         <p>39元</p>
                     </div>
                    <img src="images/hougai.jpg" alt="">
                </div>
            </div>
        </div>
        <div class="footer center">
           <ul>
               <li><a href="#"><i class="iconfont icon-banshou"></i>1小时快修服务</a></li>
               <li><a href="#"><i class="iconfont icon-7tianwuliyoutuihuo"></i>7天无理由退货</a></li>
               <li><a href="#"><i class="iconfont icon-xunhuan"></i>15天免费换货</a></li>
               <li><a href="#"><i class="iconfont icon-libao"></i>满150元包邮</a></li>
               <li><a href="#"><i class="iconfont icon-foldzhedie ilast"></i>520余家售后网点</a></li>
           </ul>
        </div>
        <div class="footer_nav center">
            <dl><dt><a href="#">帮助中心</a></dt>
                <dd><a href="#">账户管理</a></dd>
                <dd><a href="#">购物指南</a></dd>
                <dd><a href="#">订单操作</a></dd>
            </dl>
            <dl><dt><a href="#">服务支持</a></dt>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">自助服务</a></dd>
                <dd><a href="#">相关下载</a></dd>
            </dl>
            <dl><dt><a href="#">线下门店</a></dt>
                <dd><a href="#">小米之家</a></dd>
                <dd><a href="#">服务网点</a></dd>
                <dd><a href="#">授权体验店</a></dd>
            </dl>
            <dl><dt><a href="#">关于小米</a></dt>
                <dd><a href="#">了解小米</a></dd>
                <dd><a href="#">加入小米</a></dd>
                <dd><a href="#">投资者关系</a></dd>
            </dl>
            <dl><dt><a href="#">关于我们</a></dt>
                <dd><a href="#">新浪微博</a></dd>
                <dd><a href="#">官方微信</a></dd>
                <dd><a href="#">联系我们</a></dd>
            </dl>
            <dl><dt><a href="#">特色服务</a></dt>
                <dd><a href="#">F码通道</a></dd>
                <dd><a href="#">礼物包</a></dd>
                <dd><a href="#">防伪查询</a></dd>
            </dl>
            <div class="col_contact">
                <p>400-100-5678</p>
                <p>周一至周日 8:00-18:00</p>
                <p>(仅收市话费)</p>
                <a href="#"><i class="iconfont">&#xe626;</i>联系客服</a>
            </div>
        </div>
        <div class="bottom center">
            <p>小米旗下网站:小米网<span>|</span>小米网<span>|</span>MIUI<span>|</span>米聊<span>|</span>多看书城<span>|</span>小米路由器<span>|</span>繁体香港<span>|</span>繁体台湾<span>|</span>English<span>|</span>小米后院<span>|</span>小米天猫<span>|</span>小米淘宝直营</p>
            <p>mi.com京ICP证110507号京ICP备10046444号 京公网安备110180212535 京网文[2014]0059-0009号</p>
            <div class="form">
                <img src="images/16.png" alt="保障中心">
                <select id="language" class="select">
                    <option value="简体中文">简体中文</option>
                    <option value="繁体中文">繁体中文</option>
                    <option value="English">English</option>
                </select>
            </div>
        </div>
    </div>
</body>

</html>